<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=10;IE=9;IE=8;IE=7;IE=EDGE">
    <link rel="alternate" media="handheld" href="#">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <title>简历-郭琦</title>

    <link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
    <link rel="stylesheet" href="../stylesheets/resume.css">
    <link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon">

    <script src="../javascripts/jquery.min.js"></script>
</head>

<body>
<div id="page" class="col-sm-12"
     style="padding-right: 5px; padding-left: 5px;">
    <!--顶部背景-->
    <div class="div_head">
        <!--文字云-->
        <span class="cloud_text cloud_text_size_small"
              style="left: 10% ;top: 3%;transform: rotate(-2deg)">SpringBoot</span>
        <span class="cloud_text cloud_text_size_medium"
              style="left: 48% ;top: 1%;transform: rotate(15deg)">quickApp</span>
        <span class="cloud_text cloud_text_size_large"
              style="left: 17% ;top: 5.1%;transform: rotate(-11deg)">Kotlin</span>
        <span class="cloud_text cloud_text_size_large"
              style="left: 29% ;top: 0.3%;transform: rotate(7deg)">Java</span>
        <span class="cloud_text cloud_text_size_3x"
              style="left: 54% ;top: 2%;transform: rotate(-15deg)">Android</span>
        <span class="cloud_text cloud_text_size_medium"
              style="left: 30% ;top: 2.3%;transform: rotate(-5deg)">PhotoShop</span>
        <span class="cloud_text cloud_text_size_large"
              style="left: 72% ;top: 5.1%;transform: rotate(12deg)">NodeJs</span>
        <span class="cloud_text cloud_text_size_medium"
              style="left: 33% ;top: 6%;transform: rotate(-11deg)">微信小程序</span>
        <span class="cloud_text cloud_text_size_large"
              style="left: 38% ;top: 7%;transform: rotate(-22deg)">vue</span>
    </div>

    <!--圆形头像-->
    <img class="img_headIcon" src="../images/resume/ic_headIcon.jpg">

    <!--背景纸-->
    <div class="div_info">

        <!--基本信息-->
        <div>
            <i class="mr_left_bg"></i>
            <i class="mr_right_bg"></i>
            <span class="span_name">郭琦</span>
            <span class="span_desc">做事高效有序细心负责<br/>为人律己友善乐于分享</span>

            <div style="height: 0.5px;background: #ededed"></div>

            <span class="span_content" style="margin-top: 40px">安卓开发 ·  <b>5</b>年开发经验 ·  太原</span>
            <div style="text-align: center;margin: 20px auto 0px auto">
                <div class="span_label">
                    <img class="img_little_icon" src="../images/resume/ic_tel.png"><span
                        class="span_content_inline"><a class="a_orange" href="tel:18535168632"
                                                       target="_blank"
                                                       rel="external">185-3516-8632</a></span>
                </div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <div class="span_label">
                    <img class="img_little_icon" src="../images/resume/ic_mail.png"><span
                        class="span_content_inline">&nbsp;<a class="a_orange"
                                                             href="Mailto:guoqi.vvip@qq.com"
                                                             target="_blank" rel="external">guoqi.vvip@qq.com</a></span>
                </div>

            </div>

            <div style="text-align: center;margin: 20px auto 0px auto">
                <!--CSDN-->
                <div class="span_label">
                    <span class="span_content_inline" style="margin: 0 5px"><a
                            href="http://blog.csdn.net/baidu_25797177?viewmode=contents"
                            target="_blank"><img title="CSDN" class="img_little_icon"
                                                 src="../images/resume/ic_csdn.png"></a></span>
                </div>
                <!--gitOSC-->
                <div class="span_label">
                    <span class="span_content_inline" style="margin: 0 5px"><a
                            href="https://git.oschina.net/madaigou" target="_blank"><img title="码云"
                                                                                         class="img_little_icon"
                                                                                         src="../images/resume/ic_gitosc.png"></a></span>

                </div>
                <!--bintray-->
                <div class="span_label">
                    <span class="span_content_inline" style="margin: 0 5px"><a
                            href="https://bintray.com/gg13834114692" target="_blank"><img
                            title="Bintray" class="img_little_icon"
                            src="../images/resume/ic_bintray.png"></a></span>
                </div>

                <!--gitHub-->
                <div class="span_label">
                    <span class="span_content_inline" style="margin: 0 5px"><a
                            href="https://github.com/guoq1" target="_blank"><img title="GitHub"
                                                                                 class="img_little_icon"
                                                                                 src="../images/resume/ic_github.png"></a></span>
                </div>

            </div>
        </div>

        <!--项目经验-->
        <div align="center" style="margin-top: 50px">
            <div style="text-align: center">
                <div class="sub_title">
                    <span class="sub_title_line_left"></span>
                    <span>项目经验</span>
                    <span class="sub_title_line_right"></span>
                </div>
            </div>
            <!--第一行-->
            <div class="span_label  content_div " style="margin-top: 20px">
                <div class="span_label scroll_div" onclick="openDetail('esh',5)">
                    <span class="span_label pull-left">
                        <img width="50px" height="50px" style="border: 2px solid #eee"
                             src="../images/resume/logo_oa.png">
                    </span>
                    <span class="span_label pull-left" style="text-align: left;margin-left: 8px">
                        <h4 class="content_title">二手汇</h4>
                        <span class="content_text pull-left content_text_desc">OA移动办公系统</span>
                    </span>
                    <div class="clearfix"></div>
                </div>
                <div class="span_label scroll_div ">
                    <div class="span_label pull-left">
                        <img width="50px" height="50px" style="border: 2px solid #eee"
                             src="../images/resume/logo_jcp.png">
                    </div>
                    <div class="span_label pull-left" style="text-align: left;margin-left: 8px">
                        <h4 class="content_title">气象局天气</h4>
                        <span class="content_text pull-left content_text_desc">大屏立式广告机</span>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="span_label scroll_div " onclick="openDetail('lxt',4)">
                    <div class="span_label pull-left">
                        <img width="50px" height="50px" style="border: 2px solid #eee"
                             src="../images/resume/logo_lxt.png">
                    </div>
                    <div class="span_label pull-left" style="text-align: left;margin-left: 8px">
                        <h4 class="content_title">乐讯通</h4>
                        <span class="content_text pull-left content_text_desc">家校通APP软件</span>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>

            <!--第二行-->
            <div class="span_label  content_div " style="margin-top: 2px">
                <div class="span_label scroll_div" onclick="openDetail('whz',3)">
                    <span class="span_label pull-left">
                        <img width="50px" height="50px" style="border: 2px solid #eee"
                             src="../images/resume/logo_whz.png">
                    </span>
                    <span class="span_label pull-left" style="text-align: left;margin-left: 8px">
                        <h4 class="content_title">我很宅</h4>
                        <span class="content_text pull-left content_text_desc">同城生鲜配送</span>
                    </span>
                    <div class="clearfix"></div>
                </div>
                <div class="span_label scroll_div " onclick="openDetail('xhrs',1)">
                    <div class="span_label pull-left">
                        <img width="50px" height="50px" style="border: 2px solid #eee"
                             src="../images/resume/logo_xhrs.png">
                    </div>
                    <div class="span_label pull-left" style="text-align: left;margin-left: 8px">
                        <h4 class="content_title">新华人寿</h4>
                        <span class="content_text pull-left content_text_desc">员工内部办公</span>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="span_label scroll_div " onclick="openDetail('zhxy',1)">
                    <div class="span_label pull-left">
                        <img width="50px" height="50px" style="border: 2px solid #eee"
                             src="../images/resume/logo_zhxy.png">
                    </div>
                    <div class="span_label pull-left" style="text-align: left;margin-left: 8px">
                        <h4 class="content_title">智慧校园</h4>
                        <span class="content_text pull-left content_text_desc">小初校园资讯</span>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <!--第三行-->
            <div class="span_label  content_div " style="margin-top: 2px">
                <div class="span_label scroll_div " onclick="openDetail('ykcm',9)">
                    <div class="span_label pull-left">
                        <img width="50px" height="50px" style="border: 2px solid #eee"
                             src="../images/resume/logo_cmyk.png">
                    </div>
                    <div class="span_label pull-left" style="text-align: left;margin-left: 8px">
                        <h4 class="content_title">艺考传媒</h4>
                        <span class="content_text pull-left content_text_desc">艺考生资讯报名</span>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="span_label scroll_div " onclick="openDetail('cwz')">
                    <div class="span_label pull-left">
                        <img width="50px" height="50px" style="border: 2px solid #eee"
                             src="../images/resume/logo_cwz.png">
                    </div>
                    <div class="span_label pull-left" style="text-align: left;margin-left: 8px">
                        <h4 class="content_title">查违章</h4>
                        <span class="content_text pull-left content_text_desc">车辆违章查询</span>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="span_label scroll_div " onclick="openDetail('yds',3)">
                    <div class="span_label pull-left">
                        <img width="50px" height="50px" style="border: 2px solid #eee"
                             src="../images/resume/logo_yds.jpg">
                    </div>
                    <div class="span_label pull-left" style="text-align: left;margin-left: 8px">
                        <h4 class="content_title">壹订送</h4>
                        <span class="content_text pull-left content_text_desc">语音一键订餐</span>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <!--第四行-->
            <div class="span_label  content_div " style="margin-top: 2px">
                <div class="span_label scroll_div " onclick="openDetail('ygj')">
                    <div class="span_label pull-left">
                        <img width="50px" height="50px" style="border: 2px solid #eee"
                             src="../images/resume/logo_ygj.png">
                    </div>
                    <div class="span_label pull-left" style="text-align: left;margin-left: 8px">
                        <h4 class="content_title">衣管家</h4>
                        <span class="content_text pull-left content_text_desc">干洗店收银系统</span>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="span_label scroll_div " onclick="openDetail('mb')">
                    <div class="span_label pull-left">
                        <img width="50px" height="50px" style="border: 2px solid #eee"
                             src="../images/resume/logo_mb.png">
                    </div>
                    <div class="span_label pull-left" style="text-align: left;margin-left: 8px">
                        <h4 class="content_title">墨宝</h4>
                        <span class="content_text pull-left content_text_desc">墨宝艺术电商</span>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="span_label scroll_div " onclick="openDetail('tb')">
                    <div class="span_label pull-left">
                        <img width="50px" height="50px" style="border: 2px solid #eee"
                             src="../images/resume/logo_tb.png">
                    </div>
                    <div class="span_label pull-left" style="text-align: left;margin-left: 8px">
                        <h4 class="content_title">通讯录助手</h4>
                        <span class="content_text pull-left content_text_desc">一键备份恢复</span>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>

            <div style="text-align: center">...</div>
        </div>

        <!--工作经历-->
        <div align="center" style="margin-top: 80px">
            <div style="text-align: center">
                <div class="sub_title">
                    <span class="sub_title_line_left"></span>
                    <span>工作经历</span>
                    <span class="sub_title_line_right"></span>
                </div>
            </div>

            <div class="span_label  content_div ">
                <div class="span_label pull-left">
                    <h4 class="content_title">山西二手汇科技有限公司</h4>
                    <span class="content_text pull-left">安卓开发</span>
                    <span class="content_text content_text_time">2016.04 &nbsp;&nbsp;-- &nbsp;&nbsp;&nbsp;至今&nbsp;&nbsp;&nbsp;&nbsp;</span>
                </div>
            </div>

            <div class="span_label  content_div ">
                <div class="span_label pull-left">
                    <h4 class="content_title">启程网络科技</h4>
                    <span class="content_text pull-left">安卓开发</span>
                    <span class="content_text content_text_time">2015.08 -- 2016.04&nbsp;&nbsp;&nbsp;</span>
                </div>
            </div>

           <!-- <div class="span_label  content_div ">
                <div class="span_label pull-left">
                    <h4 class="content_title">美微科贸公司</h4>
                    <span class="content_text pull-left">安卓开发</span>
                    <span class="content_text content_text_time">2015.01 &#45;&#45; 2015.08&nbsp;&nbsp;&nbsp;</span>
                </div>
            </div>-->

        </div>

        <!--教育经历-->
        <div align="center" style="margin-top: 50px">
            <div style="text-align: center">
                <div class="sub_title">
                    <span class="sub_title_line_left"></span>
                    <span>教育经历</span>
                    <span class="sub_title_line_right"></span>
                </div>
            </div>

            <div class="span_label  content_div ">
                <div class="span_label pull-left">
                    <img width="50px" height="50px" style="border: 2px solid #eee"
                         src="../images/resume/tyut.png">
                </div>
                <div class="span_label pull-left" style="text-align: left;margin-left: 8px">
                    <h4 class="content_title ">太原理工大学</h4>
                    <span class="content_text pull-left">本科 · 软件工程(移动开发方向)</span>
                </div>
                <!--<div class="span_label pull-right " style="margin-top: 5px;margin-left: 5px">-->
                <!--<span class="content_text ">2015年毕业</span>-->
                <!--</div>-->
            </div>

            <div class="span_label  content_div ">
                <div class="span_label pull-left">
                    <img width="50px" height="50px" style="border: 2px solid #eee"
                         src="../images/resume/tyut.png">
                </div>
                <div class="span_label pull-left" style="text-align: left;margin-left: 8px">
                    <h4 class="content_title ">太原理工大学</h4>
                    <span class="content_text pull-left">二学位 · 市场营销</span>
                </div>
                <!--<div class="span_label pull-right " style="margin-top: 5px;margin-left: 5px">-->
                <!--<span class="content_text ">2015年毕业</span>-->
                <!--</div>-->
            </div>
        </div>

        <!--资格证书-->
        <div align="center" style="margin-top: 50px">
            <div style="text-align: center">
                <div class="sub_title">
                    <span class="sub_title_line_left"></span>
                    <span>资格证书</span>
                    <span class="sub_title_line_right"></span>
                </div>
            </div>

            <div class="span_label  content_div ">
                <div class="span_label pull-left">
                    <img width="50px" height="50px" style="border: 2px solid #eee"
                         src="../images/resume/rk.png">
                </div>
                <div class="span_label pull-left" style="text-align: left;margin-left: 8px">
                    <h4 class="content_title ">计算机技术与软件专业技术资格</h4>
                    <span class="content_text pull-left">软件设计师&nbsp;(2016上半年)</span>
                </div>
            </div>
        </div>

        <!--期望工作-->
        <div align="center" style="margin-top: 50px">
            <div style="text-align: center">
                <div class="sub_title">
                    <span class="sub_title_line_left"></span>
                    <span>期望工作</span>
                    <span class="sub_title_line_right"></span>
                </div>
            </div>

<div style="display: flex">
            <div class="except_info span_label" style="flex-grow: 1;width: 40%">
                <ul>
                    <li class="except_li_role" style="margin-left: 4px"><i></i><span
                            style="margin-left: -4px">安卓(全栈)工程师</span></li>
                    <li class="except_li_time"><i></i><span>弹性工作时间</span></li>

                </ul>
            </div>

            <div class="except_info span_label" style="flex-grow: 1;width: 40%">
                <ul>
                    <li class="except_li_city" style="margin-left: 2px"><i></i><span
                            style="margin-left: 1px">太原</span></li>
                    <li class="except_li_charge"><i></i><span>10k ~ 15k</span></li>
                </ul>
            </div>
</div>


        </div>

        <!--在职状态-->
        <div class="state_info">
            <span class="state_info_text">·&nbsp;微信扫一扫，添加朋友&nbsp;·</span>
        </div>
        <!--我的微信二维码-->
        <div class="state_info" style="text-align: center;margin-bottom: 4px">
            <img style=" width: 100px;height: 100px;" src="../images/resume/ic_vcard.jpeg">
        </div>
    </div>

    <div style="height: 35px;background:#1e2531;text-align: center;">
        <div style="padding-top: 5px;color: white;-webkit-transform:scale(0.85)">Copyright
            © 2021 GUOQI.
        </div>
    </div>
</div>
<div id="app" class="fullScreen" style="display: none;text-align: center;">
    <div onclick="closePage()" style="position:fixed;right: 10px;padding: 8px;color: grey;">关闭</div>
    <ul id="parentUl"></ul>
    <!--<img src="javaScript:NextPic(1)"/>-->
    <!--<img src="javaScript:NextPic(2)"/>-->
    <!--<img src="../images/resume/eg_esh3.jpg"/>-->
    <!--<img src="../images/resume/eg_esh4.jpg"/>-->
    <!--<img src="../images/resume/eg_esh5.jpg"/>-->
</div>
</body>
<script type="text/javascript">

    function openDetail(name, count) {
        // document.getElementById("app").style.display = "inline";
        // document.getElementById("page").style.display = "none";
        // document.getElementById('parentUl').innerHTML = "";
        // for (var i = 1; i <= count; i++) {
        //     addElementImg("parentUl", name, i);
        // }


    }

    function closePage() {
        document.getElementById("app").style.display = "none";
        document.getElementById("page").style.display = "block";
    }

    function addElementImg(obj, name, i) {
        var ul = document.getElementById(obj);
        var li = document.createElement("li");
        var img = document.createElement("img");
        img.setAttribute("id", "img" + i);
        img.src = "../images/resume/eg_" + name + i + ".jpg";
        li.appendChild(img);
        ul.appendChild(li);
    }
</script>
</html>
